<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
<head>

<style>
html { width: 2em; border: 1px solid red; }
body { display: inline; }
.padded { padding: 1em; border: 1px solid black; }
#float1 { background: lightgreen; }                    /* float is added to this one dynamically */
#float2 { float: right; background: lightblue; }
</style>

<script>

function foo()
{
  document.getElementById("float1").style.cssFloat = "right";
  document.documentElement.removeAttribute("class");
}

window.addEventListener("load", function() { setTimeout(foo, 30); }, false);

</script>

</head>

<body>

  X
  <span id="float1">FFFFFF</span>
  <span id="float2">GGGGGG</span>
  <span class="padded"/>


</body>
</html>
